<template>
  <div class="wrap">
    <div class="img">
      <img :src="targetObj.imgUrl" alt>
    </div>

  </div>
</template>
<script>
import { mapActions, mapState } from "vuex";

export default {
  props: {},
  components: {

  },
  data() {
    return {};
  },
  computed: {
    ...mapState(["targetObj"])
  },
  methods: {
    ...mapActions(["getDetail"])
  },
  created() {},
  mounted() {
    this.getDetail(this.$route.params.id);

  }
};
</script>
<style scoped lang="">
.wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.img {
  width: 100%;
  height: 375px;
}
.img img {
  width: 100%;
  height: 100%;
}
</style>
